<template>
  <div class="center-list">
    <div v-for="(item,index) in list" :key="index" class="item">
      <div class="content">
        <p>
          <van-icon :name="item.icon" size="30" color="#b22222"/>
        </p>
        <p>{{item.name}}</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'meCenterList',
  data () {
    return {
      list: [
        {name: '会员俱乐部', icon: 'gem-o'},
        {name: '积分商城', icon: 'points'},
      ]
    }
  },
}
</script>

<style scoped lang="scss">
.center-list {
  width: 100%;
  display: flex;
  .item {
    flex: 1;
    padding: 0px auto;
    .content {
      width: 6rem;
      margin: 0px auto;
      p {
       text-align:center;
      }
    }
    
  }
}
</style>
